<template>
    <div id="home">
        <div v-if="$store.state.folders">
            <div v-for="(folder, index) in $store.state.folders" :key="index">
                <div v-if="folder.show">
                    <Folder :comp="folder.path" />
                </div>
            </div>
        </div>
        <div class="select-container">
            <FolderList />
        </div>
    </div>
</template>

<script>
import { VueSelecto } from "vue-selecto";
import FolderList from "./FolderList.vue";
import Folder from "./Folders";
// import changeBackground from "../helpers/changeBackground";
import { getLocal } from "../helpers/local";
import NotificationList from "./Navigation/NotificationList.vue";
export default {
    name: 'Home',
    components: { Folder, FolderList, VueSelecto, NotificationList }
}
</script>

<style lang="scss">
.home {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.select-container {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
</style>
